{% extends 'bg-frame.html'%}

{% block head_css %}
{{ super()}}

<style type="text/css">
  div.pagination li{
    padding: 1px !important;
  }


</style>
{% endblock %}

    <!-- 文章分类 -->
    {% block posts_category %}
        <ul>
          <li><a href="javascript:void(0);">学无止境（33）</a></li>
          <li><a href="javascript:void(0);">日记（19）</a></li>
          <li><a href="javascript:void(0);">慢生活（520）</a></li>
          <li><a href="javascript:void(0);">美文欣赏（40）</a></li>
      </ul>
      {% endblock %}
    <!-- 站长推荐 -->
    {%block posts_recommend%}
          <ul>
            {% if list_all.items %}
              {%for dt in list_all.items %}
                <li><a href="{{url_for('detail.detail', anchor=dt.id)}}">{{dt.title}}</a></li>
              {% endfor %}
          {% endif %}
        </ul>  
      {% endblock %}  

{% block left_box %}
{{ super()}}

    

{% endblock %}

{% block right_box %}

{% if list_all.items %}
        {%for dt in list_all.items %}
          <li class="article"><i><a href="{{ url_for('detail.detail', anchor=dt.id)}}"><img src="/static/img/12.jpg"></a></i>
              <h3><a href="{{ url_for('detail.detail', anchor=dt.id)}}">{{dt.title}}</a></h3>
              <p>{{dt.content|prettify("p")}}</p>
          </li>
        {% endfor %}
{% else %}

  <H1>这家伙太懒了,一条笔记都没有！</H1>


{% endif %}

{% set route=url %}

  <div class="pagination">
    <nav aria-label="...">
      <ul class="pagination">
      {% if list_all.has_prev %}
        <li>
          <a aria-hidden="true" href="{{ url_for(route)}}?page={{list_all.prev_num }}">&laquo;</a>
        </li>
      {% endif%}
      {% for page in list_all.iter_pages() %}
          <!-- 只有一页时，不显示上下页 -->
          {%if list_all.items|length >=10%}

            <li>
              <a href="{{ url_for(route, page=page) }}" >{{ page }}</a>
            </li>
          {% endif %}
      {% endfor %}
      {% if list_all.has_next %}
           <li><a href="{{ url_for(route, page=list_all.next_num) }}">&raquo;</a></li>
      {% endif %}
      </ul>
  </nav>
  </div>


{% endblock %}

{% block body_js %}
{{super()}}

{% endblock %}

